<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>选课</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->


    <link rel="stylesheet"   href=" <%=path%>/css/style2L.css" />
      <link rel="stylesheet"   href=" <%=path%>/css/pagination.css" />
        <script src="<%=path%>/js/jquery.min.js"></script>
        <script type="text/javascript" src="<%=path%>/js/jquery.pagination.js"></script> 
  <script src="<%=path%>/js/kidJS/kid.js"></script> 

  </head>
  
  <body>
<!-- 头部 -->
<header>
    <!-- 顶部 -->
    <div id="top" class="clear">
        <p>
            <a href="#">마이페이지</a>
            <a href="#">도와드릴까요?</a>
            <a href="#">학부모마당</a>
            <a href="#">管理员登陆入口</a>
        </p>
    </div>
    <!-- 顶部 -->
    <!-- 导航 -->
    <nav class="clear">
        <ul class="nav">
          <li class="item">
                <a href="<%=path%>/main.html">首页</a>
            </li>
            <li class="item">
                <a>介绍</a>
                <div class="submenue">
                    <ul class="clear">
                        <li><a href="#">学校介绍</a></li>
                        <li><a href="<%=path%>/visitor/sub4">师资介绍</a></li>
                        <li><a href="<%=path%>/visitor/sub1">课程介绍</a></li>
                    </ul>
                </div>
            </li>
            <li class="item">
                <a href="<%=path%>/visitor/sub2">优秀作品展示</a>
            </li>
            <li class="item">
                <a href="<%=path%>/visitor/sub3">招生简章</a>
            </li>
               <li class="item">
                <a href="<%=path%>/student/sub6">个人信息</a>
            </li>
             <li class="item" >
                <a href="<%=path%>/student/sub9">我的订单</a>
            </li>
        </ul>
    </nav>
    <!-- 导航 -->
    <!-- 登录 -->
    <section id="login">
        <div class="content clear">
            <h3>登&nbsp录</h3>
            <div class="usr">
                <label>用户名</label>
                <input type="text" value="" />
            </div>
            <div class="pwd">
                <label>密码</label>
                <input type="password" value="" />
            </div>
        </div>
        <div class="bottom">
            <a href="#">登录</a>
            <a href="#">注册</a>
        </div>
    </section>
    <!-- 登录 -->
</header>
<!-- 头部 -->
<div ng-view>
<article id="sub5" class="clear">
    <!-- 侧边栏 -->
    <!-- <aside></aside> -->
    <!-- 侧边栏 -->
    <!-- 主体 -->
    <section class="main">
        <div class="main_top"></div>

        <div class="enrollment">
            <h3>选课</h3>
            <div class="introduce">
                <ul >

                    <li><a href="javascript:;"   onclick="change(1)">周一</a></li>
                    <li><a href="javascript:;"  onclick="change(2)">周二</a></li>
                    <li><a href="javascript:;"  onclick="change(3)">周三</a></li>
                    <li><a href="javascript:;"  onclick="change(4)">周四</a></li>
                    <li><a href="javascript:;"  onclick="change(5)">周五</a></li>
                    <li><a href="javascript:;" onclick="change(6)">周六</a></li>

                    </ul>
            </div>
              <div class="main_h">
                <select  id="opList">
                    <option value="value1">钢琴</option>
                    <option value="value2">绘画</option>
                    <option value="value3">书法</option>
                    <option value="value4">小提琴</option>
                    <option value="value5">芭蕾舞</option>
                    <option value="value6">国画</option>
                </select>
              </div>
            <table rules="rows" id="datatable">
            
                <tr class="tableCss">
                  
                    <th>课程名</th>
                
                    <th>上课时间</th>
                    <th>费用明细</th>
                      <th>选择</th>
               
                  
                </tr>
                    <tbody  id="Cbody">
                <tr>
                 
                    <td>钢琴</td>           
                    <td>周一晚6-9（3.10-6.10）</td>
                    <td>材料费120元，晚餐费100元，课程费300元</td>
                      <td><input type="checkbox" name="box"></td>
                 
                
                </tr>
                <tr>
                      <td>钢琴</td>           
                    <td>周一晚6-9（3.10-6.10）</td>
                    <td>材料费120元，晚餐费100元，课程费300元</td>
                      <td><input type="checkbox" name="box"></td>
                   
                   
                </tr>
                <tr>
                      <td>钢琴</td>           
                    <td>周一晚6-9（3.10-6.10）</td>
                    <td>材料费120元，晚餐费100元，课程费300元</td>
                      <td><input type="checkbox" name="box"></td>
                  
                    
                </tr>
                <tr>
                       <td>钢琴</td>           
                    <td>周一晚6-9（3.10-6.10）</td>
                    <td>材料费120元，晚餐费100元，课程费300元</td>
                      <td><input type="checkbox" name="box"></td>
                
                    
                </tr>
                <tr>
                       <td>钢琴</td>           
                    <td>周一晚6-9（3.10-6.10）</td>
                    <td>材料费120元，晚餐费100元，课程费300元</td>
                      <td><input type="checkbox" name="box"></td>
               
                 
                </tr>
                <tr>
                      <td>钢琴</td>           
                    <td>周一晚6-9（3.10-6.10）</td>
                    <td>材料费120元，晚餐费100元，课程费300元</td>
                      <td><input type="checkbox"name="box"></td>
               
              
                </tr>
                </tbody>
                </table>
            <div class="commit">
              <button class="btn btn-sm btn-warning"  onclick="submitToOrder()">
                提交到订单
                </button>
                </div>
            <br/>
            <br/>

             <div id="Pagination" class="pagination"><!-- 这里显示分页 --></div>
            </div>
   
    </section>
    <!-- 主体 -->
</article>
</div>
<!-- 主体 -->

<!-- 尾部 -->
<footer>
    <div class="f_content clear">
        <p class="blogroll">
            <a href="#">회사소개</a>
            <a href="#">개인정보취급방침</a>
            <a href="#">이용안내</a>
        </p>
        <div class="search">
            <input type="text" value="family site" />
            <a href="#"></a>
        </div>
        <div class="copyRight">
            <p>서울시 강동구 성내동 5x8-8번지 20x호 I  TEL: 02-47x-45x2  FAX: 02-x78-4x83</p>
            <span>copyright(c) 2010 company co.,ltd. all rights reserved</span>
        </div>
    </div>
</footer>
<!-- 尾部 -->
</body>



</html>
